<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="bonosmanualeslist.title"/></title>
    <meta name="heading" content="<fmt:message key='bonosmanualeslist.heading'/>"/>    
</head>

<form:form id="bonosmanualeslist" commandName="bonosmanualesform" onsubmit="return onFormSubmit(this)" action="bonosmanualeslist.html?search=list"
	name="bonosmanualeslist">

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/bonomanual/bonosmanualesform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button"
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>


<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">

		<div>
	     	<fmt:message key="common.cliente.persona"/><br/>
			<form:input path="deClientePersona" id="deClientePersona" cssClass="text mediumlarge" maxlength="100"/>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="bonosmanualeslist.inifecvencimiento"/><br/>
			<form:input path="iniFechaVencimiento" id="iniFechaVencimientoId" cssClass="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="iniFechaVencimientoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "iniFechaVencimientoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "iniFechaVencimientoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
	    <div>
	     	<fmt:message key="bonosmanualeslist.finfecvencimiento"/><br/>
			<form:input path="finFechaVencimiento" id="finFechaVencimientoId" cssClass="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="finFechaVencimientoCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "finFechaVencimientoId",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "finFechaVencimientoCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
	    
	    <div>
			<fmt:message key="bonosmanualeslist.tipogeneracion"/><br/>
	        <form:select path="strTipoGeneracion" cssClass="text medium" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
				<option value="W"><fmt:message key="common.regular"/></option>
				<option value="M"><fmt:message key="common.bonomanual"/></option>
	       	</form:select>
	    </div><br/>
	     
	    <div>
	        <fmt:message key="bonosmanualeslist.tipobono"/><br/>
	        <form:select path="coTipoBono" cssClass="text medium">
	        	<form:options itemValue="id" itemLabel="deTipoBono" items="${listTipoBono}"/>
	       	</form:select>
    	</div><br/>
	     
	    <div>
			<fmt:message key="bonosmanualeslist.usado"/><br/>
	        <form:select path="strUsado" cssClass="text medium" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
				<option value="Y"><fmt:message key="common.yes"/></option>
				<option value="N"><fmt:message key="common.no"/></option>
	       	</form:select>
	    </div><br/> 
	    
		<div>
			<fmt:message key="label.habilitado"/><br/>
	        <form:select path="strBonoClientePersona" cssClass="text medium" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
				<option value="Y"><fmt:message key="common.yes"/></option>
				<option value="N"><fmt:message key="common.no"/></option>
	       	</form:select>
	    </div><br/><br/>
	     
	    <div> 					
			<input type="submit" class="button" value="<fmt:message key="button.search"/>"/>			
	 	</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/>

<c:choose>
<c:when test="${not empty listBonoManual}">

	<display:table name="listBonoManual" cellspacing="0" cellpadding="0" requestURI="" 
    defaultsort="1" id="bnmanual" pagesize="30" class="table" export="false" style="width: 1000px" >
    
		    <display:column property="deClientePersona"  titleKey="common.cliente.persona" escapeXml="true" sortable="true"
		     	url="/bonomanual/bonosmanualesform.html?from=list" paramId="id" paramProperty="id"/>       		     
		    <display:column property="fechaVencimiento" titleKey="bonosmanualeslist.fecvencimiento" escapeXml="true" sortable="true"/>
		    <display:column property="fechaGeneracion" titleKey="bonosmanualeslist.fecgeneracion" escapeXml="true" sortable="true"/>
		    <display:column property="fechaConsumo" titleKey="bonosmanualeslist.fecconsumo" escapeXml="true" sortable="true"/>
		    
		    <display:column titleKey="bonosmanualeslist.tipogeneracion" escapeXml="true" sortable="true" >
		    	<c:choose>
               		<c:when test="${bnmanual.strTipoGeneracion eq 'W'}">
               			<fmt:message key='common.regular'/>
               		</c:when>
               		<c:otherwise>
               			<fmt:message key='common.bonomanual'/>
               		</c:otherwise>
               	</c:choose>
		    </display:column>
		    
		    <display:column property="deTipoBono" titleKey="bonosmanualeslist.tipobono" escapeXml="true" sortable="true" />		    	
		    <display:column titleKey="label.habilitado" escapeXml="true" sortable="true" >
		    	<c:choose>
               		<c:when test="${bnmanual.strBonoClientePersona eq 'Y'}">
               			<fmt:message key='common.yes'/>
               		</c:when>
               		<c:otherwise>
               			<fmt:message key='common.no'/>
               		</c:otherwise>
               	</c:choose>
		    </display:column>
		         
    <display:setProperty name="paging.banner.item_name" value="registro"/>
    <display:setProperty name="paging.banner.items_name" value="registros"/>
	</display:table>

</c:when>
<c:otherwise>
	
	<br/>
	<table id="bnmanual" cellpadding="0" class="table" cellspacing="0" style="width: 1000px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="common.cliente.persona"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecvencimiento"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecgeneracion"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.fecconsumo"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.tipogeneracion"/></th>
            <th scope="col"><fmt:message key="bonosmanualeslist.tipobono"/></th>
            <th scope="col"><fmt:message key="label.habilitado"/></th>
		</tr>
	</thead>
	</table>

</c:otherwise>
</c:choose>

<br/><c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">

function onFormSubmit(theForm) {

	var inicioVencimiento = dwr.util.getValue("iniFechaVencimientoId");
  	var finVencimiento = dwr.util.getValue("finFechaVencimientoId");
	
	return comparingDates(inicioVencimiento , finVencimiento,
	'<fmt:message key="bonosmanualeslist.inifecvencimiento"/>', '<fmt:message key="bonosmanualeslist.finfecvencimiento"/>');
}

function selectStBonoClientePerson(stBonoClientePersona){

	var form = document.forms[0];
	var bonoClientePersona = form.strBonoClientePersona;
	
	for(var i=0; i < bonoClientePersona.options.length; i++){
		var dy = bonoClientePersona.options[i].value;
		
		if(dy == stBonoClientePersona){
			bonoClientePersona.options[i].selected = true;
			break;
		}
	}
}

function selectStTipoGeneracion(stTipoGeneracion){

	var form = document.forms[0];
	var tipoGeneracion = form.strTipoGeneracion;
	
	for(var i=0; i < tipoGeneracion.options.length; i++){
		var dy = tipoGeneracion.options[i].value;
		
		if(dy == stTipoGeneracion){
			tipoGeneracion.options[i].selected = true;
			break;
		}
	}
}

function selectStUsado(stUsado){
	
	var form = document.forms[0];
	var usado = form.strUsado;
	
	for(var i=0; i < usado.options.length; i++){
		var dy = usado.options[i].value;
		
		if(dy == stUsado){
			usado.options[i].selected = true;
			break;
		}
	}
}

<c:if test="${not empty bonosmanualesform.strBonoClientePersona}">
	selectStBonoClientePerson('<c:out value="${bonosmanualesform.strBonoClientePersona}" escapeXml="false" />');
</c:if>

<c:if test="${not empty bonosmanualesform.strTipoGeneracion}">
	selectStTipoGeneracion('<c:out value="${bonosmanualesform.strTipoGeneracion}" escapeXml="false" />');
</c:if>

<c:if test="${not empty bonosmanualesform.strUsado}">
	selectStUsado('<c:out value="${bonosmanualesform.strUsado}" escapeXml="false" />');
</c:if>

</script>